<template>
	<view class="">
		<view class="myinformation">
			<view class="myinformation_item" @click="jump(index)" v-for="(item,index) in list" :key="index">
				<view class="myinformation_item_l">
					<!-- <i class="icon" v-html="item.licon"></i> -->
					<image :src="item.src" mode=""></image>
					<!-- <image src="https://ykp-new.oss-cn-hangzhou.aliyuncs.com/mine_cj.png" mode=""></image> -->
					<span>{{item.title}}</span>
				</view>
				<i class="icon" v-html="item.ricon"></i>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		props:['list'],
		data () {
			return {
				
			}
		},
		methods: {
			jump(data) {
				this.$emit('tonew',data)
			}
		}
	}
</script>

<style lang="less" scoped>
	.myinformation {
		width: 100%;
		padding: 0 20upx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		.myinformation_item {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 96upx;
			border-bottom: 2upx solid #e1e1e1;
			image {
				width: 32upx;
				height: 32upx;
				margin-right: 6upx;
			}
		}
		.myinformation_item:last-child {
			border-bottom: 0;
		}
		.myinformation_item_l {
			display: flex;
			align-items: center;
			justify-content: space-between;
			span {
				display: inline-block;
				height: 40upx;
				line-height: 40upx;
				margin-left: 5upx;
				font-size: 28upx;
				color: #333333;
			}
			
		}
	}
	.icon {
		font-size: 28upx;
		color: #999;
		margin-right: 6upx;
	}
</style>
